<template>
  <div>
    <ul class="box_left">
      <li>
        <div>
          <span>0</span>
          <span>0</span>
          <span>0</span>
          <span>0</span>
          <span>0</span>
          <span>0</span>
        </div>
        <p>2</p>
      </li>
    
    </ul>
    <ul class="box_right">
      <p>当前遗漏</p>
    </ul>
  </div>

  
</template>

<script>
export default {
  name: "groupSeven",
  data() {
    return {};
  }
};
</script>

<style scoped>
.box_left {
  float: left;
  width: 2.36rem;
  font-size: 0.2rem;
  margin-left: 0.44rem;
  margin-top: 0.44rem;
}

.box_left li {
  width: 2.36rem;
  height: 0.37rem;
  background: #ffffff;
  border-radius: 0.05rem;
  position: relative;
  margin-bottom: 0.2rem;
}

.box_left li span {
  display: inline-block;
  margin: 0.08rem 0.1rem;
  color: #f84848;
}
.box_left li p {
    position: absolute;
    right: -.5rem;
    top: .05rem;
    color:#999999;
}

.box_right {
  float: left;
  width: 0.5rem;
  margin-left: 0.2rem;
  margin-top: 0.2rem;
}

.box_right p {
  border-radius: 0.03rem;
  background: #999999;
  color: #ffffff;
  height: 0.15rem;
  line-height: 0.15rem;
  text-align: center;
  font-size: 0.01rem;
}
.box_right li {
  font-size: 0.14rem;
  height: 0.5rem;
  text-align: center;
  line-height: 0.5rem;
}
</style>